<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <title>协同平台商脉圈运营者管理系统-账号信息</title>

    <!--CSS-->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/animate.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">

    <!-- HTML5 shim and Respond.js for IE8 support HTML5 elements and media queries-->
    <!--[if lt IE 9]>
    <script src="js/libs/html5shiv.min.js"></script>
    <script src="js/libs/respond.min.js"></script>
    <![endif]-->
</head>

<body class="overflow-x-h">
<div class="container animated fadeInRight">

    <!--breadcrumb-->
    <ol class="breadcrumb">
        <li>账号信息</li>
    </ol>

    <!--user-content-->
    <div class="operator-info">
        <p class="headline">运营者简介</p>
        <a href="javascript:;" class="more" data-target="#edit" data-toggle="modal">编辑</a>
        <p class="txt">毕业于孟加拉的达卡大学（University of Dhaka）经济学专业，有多年谷物行业的从业经验。2015年就职于远洋商贸有限公司，任孟加拉大区市场总监，负责对接孟加拉市场谷物出口业务，2019年加入中非商贸服务平台，由平台认证成为商脉圈运营者，运营针对孟加拉国谷物行业的商脉圈。新浪微博个人主页：hosseinshams@sina.comInstagram个人主页：hosseinsham@instgram.com</p>
    </div>

    <!--information-con-->
    <div class="information-con clearfix">
        <div class="pull-left personal-detail">
            <h3 class="tit text-center">个人信息</h3>
            <div class="inner">
                <img class="avatar" src="images/base/user.jpg" />
                <div class="form-group">
                    <label class="control-label">用户名：</label>
                    <span class="span-control">乌干达-植物产品-食用蔬菜、根及块茎-01</span>
                </div>
                <div class="form-group">
                    <label class="control-label">邮箱：</label>
                    <span class="span-control">2123323231@circle.com</span>
                </div>
                <div class="form-group">
                    <label class="control-label">单位/公司：</label>
                    <span class="span-control">河北开一开汽车租赁服务公司</span>
                </div>
                <div class="form-group">
                    <label class="control-label">职位：</label>
                    <span class="span-control">总经理</span>
                </div>
                <div class="form-group">
                    <label class="control-label">国家/地区：</label>
                    <span class="span-control">石家庄市</span>
                </div>
            </div>
        </div>
        <div class="pull-right real-name">
            <h3 class="tit text-center">实名认证</h3>
            <div class="inner">
                <div class="form-group">
                    <label class="control-label">认证状态：</label>
                    <span class="span-control">已通过</span>
                </div>
                <div class="form-group">
                    <label class="control-label">姓名：</label>
                    <span class="span-control">李茂</span>
                </div>
                <div class="form-group">
                    <label class="control-label">手机号码：</label>
                    <span class="span-control">13145452312</span>
                </div>
                <div class="form-group">
                    <label class="control-label">身份证号：</label>
                    <span class="span-control">130130030391031931039X</span>
                </div>
            </div>
        </div>
    </div>

    <!--profile-pic-->
    <div class="profile-pic">
        <p class="tit">证件照</p>
        <img class="pic1" src="images/base/idpic1.jpeg" />
        <img class="pic2" src="images/base/idpic2.jpeg" />
    </div>
</div>

<!--edit-modal-->
<div class="modal fade confirm-modal operator-info-modal" id="edit">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title text-center">运营者简介</h4>
            </div>
            <div class="modal-body">
                <form role="form">
                    <label class="control-label">运营者简介：</label>
                    <div class="textarea-box">
                        <textarea id="textarea-con" class="form-control" data-rule="required;">毕业于孟加拉的达卡大学（University of Dhaka）经济学专业，有多年谷物行业的从业经验。2015年就职于远洋商贸有限公司，任孟加拉大区市场总监，负责对接孟加拉市场谷物出口业务，2019年加入中非商贸服务平台，由平台认证成为商脉圈运营者，运营针对孟加拉国谷物行业的商脉圈。新浪微博个人主页：hosseinshams@sina.comInstagram个人主页：hosseinsham@instgram.com</textarea>
                        <p id="text-count"><span id="currentNum"></span></p>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<script src="js/libs/jquery-1.12.1.min.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<script src="js/libs/slimscroll.min.js"></script>
<script src="js/base.js"></script>
<script src="js/textareaNum.js"></script>
<script>
    $(function(){
        //三个参数textarea的id,要输出字数统计的p的id,和字数限制数量
        startMonitor('textarea-con', 'text-count',500);
    })
</script>
</body>
</html>